<!DOCTYPE html>
<html>
<head>
    <style>
        pre
        {
            font-size: 38px;
        }
    </style>
    <meta charset="UTF-8" />
    <title>定位的知识点</title>
</head>
<body>
    <pre>
    在CSS中,使用position进行定位
    属性值有static(静态定位--默认值)
            relative(相对定位)
            absolute(绝对定位)
            fixed(固定定位)
        
    static是默认值不需要定位,无法通过位置偏移属性来改变元素的位置
    relative:相对于元素本身进行移动,占据原本空间,不影响其他元素的位置
    absolute:相对于已定位的父元素进行定位,脱离文档流,不占据原本空间
    fixed:相对于浏览器窗口进行定位,脱离文档流,固定在窗口指定位置
    </pre>
</body>
</html>